#theCarousel{
    height: 350px;
}
/* .carousel-control-next-icon{
    background-color: rgba(0, 0, 0, 0.8) !important;
    height: 35px !important;
    top: -10%;
}

.carousel-control-prev-icon{
    background-color: rgba(0, 0, 0, 0.8) !important;
    height: 35px !important;
    top: -10%;
} */
.new-carousel{
    margin-right: 0px !important;
}
#next_btn{
    background-color: rgba(0, 0, 0, 0.8) ;
    height: 35px;
    top: -10%;
    position: relative;
}
#prev_btn{
    background-color: rgba(0, 0, 0, 0.8);
    height: 35px;
    top: -10%;
    position: relative;
}
.carousel-control-next, .carousel-control-prev{
    width: 5% !important;
    height: fit-content;
    top: 35% !important;
}
.brd-content{
    z-index: 99;
}
@media (min-width: 768px){
    .multi-item-carousel .carousel-inner .carousel-item {
        margin-right: inherit;
    }
    .multi-item-carousel .carousel-inner .carousel-item.active+.carousel-item, .multi-item-carousel .carousel-inner .carousel-item.active+.carousel-item+.carousel-item {
        display: block;
    }
    .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item, .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        transition: none;
    }
    .multi-item-carousel .carousel-inner .carousel-item.active+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -33.33333333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    .multi-item-carousel .carousel-inner .carousel-item-next, .multi-item-carousel .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    .multi-item-carousel .active.carousel-item-left+.carousel-item-next.carousel-item-left, .multi-item-carousel .carousel-item-next.carousel-item-left+.carousel-item, .multi-item-carousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item, .multi-item-carousel .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    .multi-item-carousel .active.carousel-item-right+.carousel-item-prev.carousel-item-right, .multi-item-carousel .carousel-item-prev.carousel-item-right+.carousel-item, .multi-item-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item, .multi-item-carousel .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        display: block;
        visibility: visible;
    }
}

@media screen and (max-width:767px){
    .carousel-control-next-icon{
        left: -5px !important;
        margin-left: 0 !important;
    }
    .carousel-control-prev-icon{
        margin-left: 0 !important;
    }
    .carousel-control-next, .carousel-control-prev{
        width: 15% !important;
    }
}
@media screen and (min-width:600px) and (max-width:768px){
    #theCarousel{
        height: 260px;
    } 
    .carousel-control-next, .carousel-control-prev {
        width: 10% !important;
    }
}
@media screen and (min-width:0px) and (max-width:375px){
    .carousel-control-next-icon{
        left: 15px !important;
    }
}
@media screen and (min-width:0) and (max-width:767px) and (orientation:landscape) {
    #theCarousel{
        height: 350px !important;
    }
    .carousel-inner{
        text-align: center;
        width: 75% !important;
    }
    #new_carlist{
        width: 100% !important;
    }
}
@media screen and (min-width:375px) and (max-width:812px) and (orientation:landscape) {
    #theCarousel{
        height: 260px;
    }
    .carousel-control-next, .carousel-control-prev {
        width: 10% !important;
    }
}